<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
	</head>

	<body>
		<style>
			.pic-1 {
				/* min-width 和 min-height 构成了虚拟的容器 */
				min-width: 50.37037037037037%;
				/* w3 = (w/v)*u 其中 w = 544，v = 1080 */
				min-height: 7.395833333333333%;
				/* h3 = (h/g)*f 其中 h = 142，g = 1920 */
				zoom: .1;
				/* x4 = m*u + (x - m*v)/w*w1 */
				/* y4 = n*f + (y - n*g)/h*h1 */
				position: absolute;
				left: 50%;
				/* m*u 其中 m = .5*/
				top: 50%;
				/* n*f 其中 n = .5 */
				transform: translateX(-48.34558823529412%)/* (x - m*v)/w*w1 其中 x = 277，m = .5，v = 1080，w = 544 */
				translateY(378.8732394366197%);
				/* (y - n*g)/h*h1 其中 y = 1498，n = .5，g = 1920，h = 142 */
				background-color: dodgerblue;
			}
		</style>
		<img class="pic-1" src="544x142.svg" />
		<!-- 元素 -->
	</body>

</html>